<template>
	<view class="home-funcs color-black">
		<view class="funcs-item" @click="to('/pages/check/check')">
			<view class="funcs-item-img">
				<image src="../../static/img/home-img/check.png" mode="aspectFit"></image>
			</view>
			<view class="funcs-item-title">
				<text>积分签到</text>
			</view>
		</view>
			<view class="funcs-item" @click="to('/pages/check/unReser')">
			<view class="funcs-item-img">
				<image src="../../static/img/home-img/unreser.png" mode="aspectFit"></image>
			</view>
			<view class="funcs-item-title">
				<text>取消预约</text>
			</view>
		</view>
		<view class="funcs-item" @click="to('/pages/check/reserInfo')">
			<view class="funcs-item-img">
				<image src="../../static/img/home-img/sys.png" mode="aspectFit"></image>
			</view>
			<view class="funcs-item-title">
				<text>预约签到</text>
			</view>
		</view>
		<view class="funcs-item" @click="to('/pages/check/qiantui')">
			<view class="funcs-item-img">
				<image src="../../static/img/home-img/sys.png" mode="aspectFit"></image>
			</view>
			<view class="funcs-item-title">
				<text>预约签退</text>
			</view>
		</view>
	</view>
</template>
	
<script>
	export default {
		name: "home_funcs",
		methods: {
			to(router) {
				uni.navigateTo({
					url: router
				});
			},	
		},
	}
</script>

<style lang="less" scoped>
	.home-funcs {
		font-size: 20rpx;
		padding: 15rpx 10rpx 15rpx 10rpx;
		margin: 0 auto;

		.funcs-item:nth-child(1) {
			float: left;
		}

		.funcs-item {
			text-align: center;
			overflow: hidden;
			width: 20%;
			display: inline-block;

			image {
				width: 50rpx;
				height: 50rpx;
			}
		}
	}
</style>
